<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>数据驱动</h1>
      <p>数据响应式,双向绑定,数据驱动</p>
      <p>
        数据响应式---数据模型仅仅是普通的javaScript对象,而当我们修改数据时,视图会进行更新,避免了繁琐的DOM操作,提高开发效率
      </p>
      <p>
        双向绑定---1.数据改变,视图改变;视图改变,数据也随之改变----2.我们可以使用v-model在表单元素上创建双向数据绑定
      </p>
      <p>
        数据驱动是Vue最独特的特性之一-----1.开发过程中仅需要关注数据是如何渲染到视图
      </p>
    </div>
    <script></script>
  </body>
</html>
